<template>
  <div>
    请选择你喜欢的专栏
    <br>
    <input type="checkbox" value="科幻"  v-model="Arr"><span>科幻</span>
    <input type="checkbox" value="喜剧"  v-model="Arr"><span>喜剧</span>
    <input type="checkbox" value="动漫"  v-model="Arr"><span>动漫</span>
    <input type="checkbox" value="冒险"  v-model="Arr"><span>冒险</span>
    <input type="checkbox" value="科技"  v-model="Arr"><span>科技</span>
    <input type="checkbox" value="军事"  v-model="Arr"><span>军事</span>
    <input type="checkbox" value="娱乐"  v-model="Arr"><span>娱乐</span>
    <input type="checkbox" value="奇闻" v-model="Arr"><span>奇闻</span>
    <ul>
      <li v-for="(item,index) in Arr" :key="index">
        {{item}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
data() {
  return {
    // arr:[
    //   "科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"
    // ],
    Arr:[]
  }
}
}
</script>

<style>

</style>